<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>游玩</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <style type="text/css">
    	.list-block{margin: 0;}
    </style>

  </head>
  <body>
    <div class="page-group">
        <div class="page page-current">
        
	        <header class="bar bar-nav">
					  <a class="button button-link button-nav pull-left back" >
					  	<span class="icon icon-left"></span>
					    返回
					  </a>
					  <h1 class="title">我的选择</h1>
					</header>
					
					<div class="content">
						<!--单选-->
						<div class="list-block media-list">
					    <ul>
							  <li>
							    <label class="label-checkbox item-content">
							      <input type="radio" name="my-radio">
							      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
							      <div class="item-inner">
							        <div class="item-title-row">
							          <div class="item-title">石头</div>
							          <div class="item-after">17:14</div>
							        </div>
							        <div class="item-subtitle">New messages from John Doe</div>
							        <div class="item-text">Lorem ipsum dolor sit amet...</div>
							      </div>
							    </label>
							  </li>
							  <li>
							    <label class="label-checkbox item-content">
							      <input type="radio" name="my-radio">
							      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
							      <div class="item-inner">
							        <div class="item-title-row">
							          <div class="item-title">剪刀</div>
							          <div class="item-after">17:14</div>
							        </div>
							        <div class="item-subtitle">New messages from John Doe</div>
							        <div class="item-text">Lorem ipsum dolor sit amet...</div>
							      </div>
							    </label>
							  </li>
							  <li>
							    <label class="label-checkbox item-content">
							      <input type="radio" name="my-radio">
							      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
							      <div class="item-inner">
							        <div class="item-title-row">
							          <div class="item-title">布</div>
							          <div class="item-after">17:14</div>
							        </div>
							        <div class="item-subtitle">New messages from John Doe</div>
							        <div class="item-text">Lorem ipsum dolor sit amet...</div>
							      </div>
							    </label>
							  </li>
							</ul>
					  </div>
						
						<!--多选-->
						<div class="list-block media-list">
					    <ul>
							  <li>
							    <label class="label-checkbox item-content">
							      <input type="checkbox" name="my-radio">
							      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
							      <div class="item-inner">
							        <div class="item-title-row">
							          <div class="item-title">苹果</div>
							          <div class="item-after">17:14</div>
							        </div>
							        <div class="item-subtitle">New messages from John Doe</div>
							        <div class="item-text">Lorem ipsum dolor sit amet...</div>
							      </div>
							    </label>
							  </li>
							  <li>
							    <label class="label-checkbox item-content">
							      <input type="checkbox" name="my-radio">
							      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
							      <div class="item-inner">
							        <div class="item-title-row">
							          <div class="item-title">香蕉</div>
							          <div class="item-after">17:14</div>
							        </div>
							        <div class="item-subtitle">New messages from John Doe</div>
							        <div class="item-text">Lorem ipsum dolor sit amet...</div>
							      </div>
							    </label>
							  </li>
							  <li>
							    <label class="label-checkbox item-content">
							      <input type="checkbox" name="my-radio">
							      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
							      <div class="item-inner">
							        <div class="item-title-row">
							          <div class="item-title">橙</div>
							          <div class="item-after">17:14</div>
							        </div>
							        <div class="item-subtitle">New messages from John Doe</div>
							        <div class="item-text">Lorem ipsum dolor sit amet...</div>
							      </div>
							    </label>
							  </li>
							</ul>
					  </div>
						
						
					</div>
					
					
					
        </div>
    </div>

    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

  </body>
</html>